<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}" />
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>RED NACIONAL DE EMPLEO</title>
	    <link type="text/css" href='${contextPath}/resources/css/stylesheet.css' rel="stylesheet" />
	
		<style type="text/css">
			body{
				background-color: #DFE8F6;
				text-align: center;margin:0px;font-family:arial;color: #676767;
			}
			.marcoLogin{
				width:371px;
				height:202px;
				background:url(${contextPath}/resources/images/loginBorder.png) no-repeat;
				float: right;
				position: relative;
				<c:if test="${not empty SPRING_SECURITY_LAST_EXCEPTION.message}">
				background-size: 371px 224px
				</c:if>
			}
			.x-form-text, textarea.x-form-field {
				background:url(${contextPath}/resources/js/extjs-4.1.0/resources/themes/images/default/form/text-bg.gif)  repeat-x scroll 0 0 white;
			    border: 1px solid #B5B8C8;
			    padding: 1px 3px;
			}
			.tableLogin td{text-align: right;}
			.btnInicioSesion{
			    background: url(${contextPath}/resources/images/centerTopBorder.png) repeat-x scroll 0 1px #DFE8F6;
			    border: 1px solid #C6C6C6;
			    border-radius: 10px 10px 10px 10px;
			    display: block;
			    float: right;
			    height: 22px;
			    padding-top: 1px;
			    text-align: center;
			    text-decoration: none;
			    width: 100%;
		   	    color: #676767;
			}
			.btnInicioSesion:hover{
				background: #FBF4E3;
			}
			.btnInicioSesion{
				background: #FBE3B3;
			}
			#logo{
				display: block;
			    float: right;
				padding-top: 1px;
				margin-top: 20px;
				margin-right: 60px;
				width:266px;
				height:39px
			}
		</style>
	</head>
	<body>
	<div style='width:1024px;height:768px;margin:auto'>
		<div>
			<!-- 
			<table cellpadding="0" cellspacing="0" style="margin:auto;width: 975px">
				<tr>
					<td class='tdTitleL'></td>
					<td class='tdTitle'>
						<div style="float:left;font-size: 26px;font-style: italic;">RED NACIONAL DE EMPLEO</div>
					</td>
					<td class='tdTitleR'></td>
				</tr>
			</table>
			 -->
		 	<div id="logo"></div>
		 	<div style="width: 100%; clear: both;"></div>
			<div class="marcoLogin">
				<form action="${contextPath}/j_spring_security_check" method="post">
					<table class="tableLogin" cellspacing="5" style="margin: 17px auto;">
						<tr>
							<td colspan="2" >
								<div style="font-weight: bold;">INICIO DE SESI&Oacute;N</div>
							</td>
						</tr>
						<c:if test="${not empty SPRING_SECURITY_LAST_EXCEPTION.message}">
						<tr>
							<td colspan="2" >
								<div style="font-weight: bold; text-align: center; font-size: 11px; color: darkred;">Usuario y/o Contrase&ntilde;a Incorrectos</div>
							</td>
						</tr>
						</c:if>
						<tr>
							<td><label for="j_username">Usuario:</label></td>
							<td><input id="j_username" name="j_username" size="20" class="x-form-field x-form-text"
								maxlength="50" type="text"
								onblur="this.value = this.value.toUpperCase()" /></td>
						</tr>
						<tr>
							<td><label for="j_password">Contrase&#241;a:</label></td>
							<td><input id="j_password" name="j_password" size="20" class="x-form-field x-form-text"
								maxlength="9" type="password" /></td>
						</tr>
						<tr>
							<td colspan="2">
								<div style="font-weight: bold; text-align: center; font-size: 9px; color: darkred; font-style: italic;">
									Contrase&ntilde;a sensible a may&uacute;sculas y min&uacute;sculas
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2" >
								<a href="javascript:document.forms[0].submit()" class="btnInicioSesion">
									<span>Ingresar</span>
								</a>
								<input type="submit" value="Ingresar" style="display: none"/>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<div style="display: none;">bWFyaW9yMjM=</div>
	</body>
</html>